<script setup lang="ts">
import { ref } from "vue";
import SimpleVerify from "./components/SimpleVerify/index.vue";
const verifyRef = ref(null);
const handleSuccess = () => {
  console.log("success");
};
const handleReset = () => {
  console.log("reset");
};
const onReset = () => {
  if (verifyRef.value) {
     (verifyRef.value as any)?.reset();
  }
};
</script>

<template>
  <SimpleVerify
    ref="verifyRef"
    borderColor="#00000073"
    bgColor="#00000013"
    @success="handleSuccess"
    @reset="handleReset"
  />
    <button @click="onReset" class="text-white">重置验证</button>
</template>

<style scoped></style>
